<template>
	<view class="nav">
		<image :src="module.poster" @tap="onGoList"></image>
	</view>
</template>

<script>

  export default{
		data(){
			return{
				
			}
		},
		props:{
      module:{
        required: true,
        default: () => {}
      }
		},
		methods:{
			onGoList(){
				this.$Router.push({
					path: this.module.path,
          query:{
            backgroundColor: this.module.backgroundColor
          }
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.nav{
		image{
			width: 715rpx;
			display: block;
			margin: 15rpx auto;
			border-radius: 20rpx;
			height: 200rpx;
		}
	}
</style>